import { ref, reactive } from 'vue';

let anchor1 = ref(null);
	let anchor2 = ref(null);
	let anchor3 = ref(null);
	let anchor4 = ref(null);
	let anchor5 = ref(null);
	let anchor6 = ref(null);
	let anchor7 = ref(null);

	let anchor2101 = ref(null);
	let anchor3101 = ref(null);
	let anchor3102 = ref(null);
	let anchor4101 = ref(null);
	let anchor4102 = ref(null);
	let anchor5101 = ref(null);
	let anchor5102 = ref(null);
	let anchor5103 = ref(null);
	export let anchorList = reactive([
		{
			anchorName: 'anchor1',
			value: anchor1
		}, {
			anchorName: 'anchor2',
			value: anchor2
		}, {
			anchorName: 'anchor3',
			value: anchor3
		}, {
			anchorName: 'anchor4',
			value: anchor4
		}, {
			anchorName: 'anchor5',
			value: anchor5
		}, {
			anchorName: 'anchor6',
			value: anchor6
		}, {
			anchorName: 'anchor7',
			value: anchor7
		}, {
			anchorName: 'anchor2101',
			value: anchor2101
		}, {
			anchorName: 'anchor3101',
			value: anchor3101
		}, {
			anchorName: 'anchor3102',
			value: anchor3102
		}, {
			anchorName: 'anchor4101',
			value: anchor4101
		}, {
			anchorName: 'anchor4102',
			value: anchor4102
		}, {
			anchorName: 'anchor5101',
			value: anchor5101
		}, {
			anchorName: 'anchor5102',
			value: anchor5102
		}, {
			anchorName: 'anchor5103',
			value: anchor5103
		}
	])
  export const menuList = reactive([
		{
			menuName: 'Ingredient composition',
			isExpend: false,
			code: 'IngrCompt1',
			anchor: 'anchor2',
			children: [
				{
					tmenuName: 'Target',
					code: 'IngrCompTarget',
					anchor: 'anchor2101'
				}
			]
		}, {
			menuName: 'ADMET',
			isExpend: false,
			code: 'ingradmett1',
			anchor: 'anchor3',
			children: []
		}, {
			menuName: 'Omics data records',
			isExpend: false,
			code: 'ingrOmicst1',
			anchor: 'anchor4',
			children: [
				{
					tmenuName: 'Gene expression analysis of HBEXP00001',
					code: 'IngrOmicsGene',
					anchor: 'anchor4101'
				}, {
					tmenuName: 'Experimental records',
					code: 'IngrOmicsExpRecor',
					anchor: 'anchor4102'
				}
			]
		}, {
			menuName: 'Combinational landscape',
			isExpend: false,
			code: 'ingrComLandt1',
			anchor: 'anchor5',
			children: [
				{
					tmenuName: 'Synergistic ingredients',
					code: 'IngrComLandSyn',
					anchor: 'anchor5101'
				}, {
					tmenuName: 'Associated diseases',
					code: 'IngrComLandAsso',
					anchor: 'anchor5102'
				}, {
					tmenuName: 'Related literatures',
					code: 'IngrComLandRelate',
					anchor: 'anchor5103'
				}
			]
		}, {
			menuName: 'Related prescription',
			isExpend: false,
			code: 'ingrRelatet1',
			anchor: 'anchor6',
			children: []
		}, {
			menuName: 'Related herb',
			isExpend: false,
			code: 'ingrRelateHerbt1',
			anchor: 'anchor7',
			children: []
		},
	])